<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>BlazorStrap</title>
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/site.css" rel="stylesheet" />
</head>

<body>
    <header class="navbar navbar-dark navbar-expand-md bg-purple fixed-top shadow-lg border border-1 border-top-0 border-end-0 border-start-0">
        <nav class="container-xxl flex-wrap flex-md-nowrap" aria-label="Main navigation">
            <span class="navbar-brand p-0 me-2"> <img class="d-block my-1" src="logo-inverted.svg" height="32" alt="BlazorStrap" /></span>

            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse" data-blazorstrap="ad350ea8-fb99-494d-a0a6-c9fb13924548" _bl_6="">
                <ul class="navbar-nav flex-row flex-wrap bd-navbar-nav pt-2 py-md-0">
                    <li class="nav-item col-6 col-md-auto d-none d-md-block">
                        <a href="" class="nav-link active">
                            <strong class="text-white">BlazorStrap</strong>
                        </a>
                    </li>

                    <li class="nav-item col-6 col-md-auto"><a class="nav-link active" href="https://getbootstrap.com/docs/5.1/getting-started/introduction/">Bootstrap Docs</a></li>
                </ul>
                <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
                    <li class="nav-item col-6 col-md-auto">
                        <a href="https://github.com/chanan/BlazorStrap" class="nav-link p-2">
                            <svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 512 499.36" role="img" focusable="false" class="navbar-nav-svg d-inline-block align-text-top">
                                <path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"></path>
                            </svg>
                            <small class="d-md-none ms-2">GitHub</small>
                        </a>
                    </li>
                    <li class="nav-item col-6 col-md-auto">
                        <a href="https://gitter.im/BlazorStrap/community" class="nav-link p-2">
                            <svg fill="currentColor" fill-rule="evenodd" viewBox="0 0 51 75" height="36" width="36" xmlns="http://www.w3.org/2000/svg" class="navbar-nav-svg d-inline-block align-text-top">
                                <path d="m0 0h6v48h-6zm15 13h6v62h-6zm15 0h6v62h-6zm15 0h6v34h-6z"></path>
                            </svg>
                            <small class="d-md-none ms-2">Gitter</small>
                        </a>
                    </li>
                    <li class="nav-item col-6 col-md-auto">
                        <a href="https://discord.gg/V7Y8s7WprR" class="nav-link p-2">
                            <svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="navbar-nav-svg d-inline-block align-text-top"> <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z" fill="white"></path> </svg>
                            <small class="d-md-none ms-2">Discord</small>
                        </a>
                    </li>
                </ul>
                <a class="btn btn-bd-download d-lg-inline-block my-2 my-md-0 ms-md-3" href="">Download</a>
            </div>
        </nav>
    </header>
    <div class="container h-100">
        <div class="d-flex h-100 align-items-center justify-content-center">
            <div class="card p-3 text-center shadow-lg">
                <div class="card bg-purple text-white p-2 mb-3 shadow-lg">
                    <h1>BlazorStrap</h1>
                    <p>Please select a documentation version.</p>
                </div>
                <div class="row">
                    <div class="col-6">
                        <div class="card shadow-lg m-auto h-100">
                            <a href="/V1">
                                <h3 class="card-header">BlazorStrap V1</h3>
                                <img src="logo.svg" class="card-img-top bg-purple-gradient" alt="..." />
                                <div class="card-body">
                                    Obsolete - Bootstrap 4
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card shadow-lg m-auto h-100">
                            <a href="/V5">
                                <h3 class="card-header">BlazorStrap V5</h3>
                                <img src="logo5.svg" class="card-img-top bg-purple-gradient" alt="..." />
                                <div class="card-body">
                                    Current Bootstrap 4/5
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-12">
                        <div class="card shadow-lg m-auto h-100">
                            <a href="/VNext">
                                <h5 class="card-header">Click here for BlazorStrap VNext Docs</h5>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="fixed-bottom bg-light p-3 shadow-lg border border-bottom-0 border-end-0 border-start-0">
        <div class="container text-center">
            Provided free of charge under the Un-license.
        </div>
    </footer>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</html>
